@import url(../../assets/css/normalize.css);
@import url(../../assets/css/common.css);
@import url(../case/case.css);

.box-position {
  position: absolute;
  top: 210px;
  left: 50%;
  transform: translate(-50%);
  .left {
    width: 600px;
    height: 290px;
    background-color: white;
    padding: 40px 40px 0px 40px;
    box-sizing: border-box;
    h3 {
      font-size: 24px;
      color: #181818;
      margin-top: 20px;
      font-weight: normal;
      margin-bottom: 20px;
    }
    p {
        line-height: 30px;
      font-size: 14px;
      color: #666;
      overflow: hidden;

      text-overflow: ellipsis;

      display: -webkit-box;

      -webkit-line-clamp: 3;

      -webkit-box-orient: vertical;
    }
  }
  .right {
    height: 290px;
    width: 600px;
    img{
        margin-top: 0px;
        height: 290px;
        width: 600px;
    }
  }
}


.pad{
    box-sizing: border-box;
    padding: 120px 40px;
    position: relative;
    p{
        margin-top: 20px;
    }
    .right-p{
        position: absolute;
        width: 105px;
        right: 28px;
    }
    h4{
        font-size: 24px;
        font-weight: normal;
        margin-top: 80px;
    }
    .big-img{
        margin-top: 40px;
        width: 100%;
        margin-bottom: 20px;
    }
}